@charset "utf-8";
body, td, div{font:12px/22px '微软雅黑','Arial','Tahoma'; color:#333; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form{margin: 0; padding:0;}
ul, ol{list-style:none;}
li{list-style-type:none;;}
img{border:0px;}
p{margin: 0; padding: 0; font-family:"微软雅黑"; font-size: 14px;}
a{color:#; text-decoration:none; outline:none; cursor:pointer; blr:expression(this.onFocus=this.blur())}
a:hover{ color:#; text-decoration:none;}
input,button,select,textarea{outline:none; font:12px/22px '微软雅黑','Arial','Tahoma';}

html{overflow-x:hidden; overflow:-moz-scrollbars-vertical; -webkit-text-size-adjust:none;}
body{background:#;}
.clear{clear:both; width:100%; *display:inline;}





/****************************
	select去除自带箭头样式表
****************************/
select {
	-webkit-appearance: none;
	background: white\0 !important}
select::-ms-expand {
	display: none}
.select {
	position: relative; display: inline-block; vertical-align: bottom}
.select select {
	padding-top: 8px; padding-bottom: 8px; padding-right: 2em}
.select:before {
	content: '\25be';
	line-height: 1; width: 2em; text-align: center
	position: absolute; top: 0; bottom: 1px; right: 0;
	pointer-events: none; color: #82888a; padding-top: 0.7em;}





/****************************
	input外发光样式表
****************************/
.input-box{ 
	width: 100px; overflow: hidden;
	margin: 5px; padding: 5px;  color: #555555; 
	font-size: 14px; line-height: 1.428571429; vertical-align: middle;
	background-color: #ffffff; border: 1px solid #cccccc; border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}
.input-box:focus {
	border-color: #f6b734; outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(246, 183, 52, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(246, 183, 52, 0.6);}





/****************************
	按钮组
****************************/
.btn{
	display: inline-block; width: 100%; padding: 6px 0; margin-bottom: 0;
	font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center;
	white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent;
	border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.btn-primary {
	color: #ffffff; background-color: #428bca; border-color: #357ebd;}	





/****************************
	如何给input，textarea的placeholder属性设置字体颜色
	
	
 	知识点：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。
	css伪类：CSS 伪类用于向某些选择器添加特殊的效果。
	css伪元素：CSS 伪元素用于向某些选择器设置特殊效果。
	伪元素由双冒号和伪元素名称组成。双冒号是在当前规范中引入的，用于区分伪类和伪元素。但是伪类兼容现存样式，浏览器需要同时支持旧的伪类，如:first-line,:first-letter,:before,:after等等。因此对于css2之前已经有的伪元素两种写法的作用是一样的，但是为了兼容IE浏览器还是使用单冒号的写法；
****************************/
input::-webkit-input-placeholder{color: # !important;}
input:-moz-placeholder{color: # !important;}
input::-moz-placeholder{color: # !important;}
input:-ms-input-placeholder{color: # !important;}





/****************************
	input placeholder文字垂直居中(Mobile & PC)
	Html5输入框支持placeholder,但是在定义文本框中定义placeholder存在兼容问题

	<input type="text" placeholder="search word" name="p" />  
	但是在chrome下显示的search word并不能垂直居中。
	在stackoverflow上找到了对应的方法。
	
	解决方法是:
	把line-height设置为normal
	CSS定义如下
	input{
	line-height: normal; line-height: 22px\9;}
****************************/